<template>
  <div class="props">
    <c1 title="hello, c1" />
    <!-- 传值为非字符串时，注意使用动态绑定语法 -->
    <c2 :info="list" />
  </div>
</template>

<script>
import c1 from './c1.vue'
import c2 from './c2.vue'

export default {
  components: { c1, c2 },
  data() {
    return {
      list: [
        { name: 'dilireba', age: 18 },
        { name: 'lihua', age: 20 },
        { name: 'xiaolei', age: 52 },
      ]
    }
  }
}
</script>